/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-6-29, 10:44:56
    Author     : Administrator
*/

/** 全局样式 **/
body{background:#FFF; font:12px/1.5 "Microsoft YaHei",Arial,"宋体", SimSun, Helvetica, sans-serif; text-align:left; color:#333333;}
body#bg{background: #f5f5f5;}
html,body,div,span,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,code,form,fieldset,legend,input,button,textarea,p,blockquote{border:0; outline: none; margin:0; padding:0;}
label{ margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
th,td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{text-decoration:none;}
from{display:block;}
i,em{font-style:normal; border: none;}
u{text-decoration:none;}
ul,li{list-style-type:none; list-style:none;}
table,tr,th,td,select,option,input{outline:none;}
a img{border:0; outline:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none; -moz-outline:none;}
a {text-decoration:none; color:#333; font-family: "Microsoft YaHei",Arial,"宋体"; cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none; }
a:hover { color:#01af63;}
/*浮动及清除浮动*/
.fl{float:left;}
.fr{float:right;}
.clear {clear:both; overflow:hidden; height:0; font-size:0; line-height:0;}
/*常用字体*/
.ver{font-family: Verdana, SimSun, Arial;}
.yahei{font-family: "Microsoft YaHei","微软雅黑",Arial,"宋体";}
/*常用配色*/
.red{color: #F31213;}
.green1{color: #01935E}
.green2{color: #37B369;}
.green3{color: #339900;}
.orange{color: #FF6600;}
.orange2{ color: #01af63;}
.blue{color: #0055CC;}
.blue2{color: #01af63;}
.black{color: #333;}
.hui{color: #999;}
.hui2{color: #444;}
/*常用字号*/
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f36{font-size: 36px;}
.f700{font-weight: 700;}
/**公用容器**/
.mainUse{width: 1200px; height: auto; margin: 40px auto 0 auto; overflow: hidden;}
.main_lt{ float: left; width: 976px; height: auto; overflow: hidden;}
.main_rt{ float: right; width: 224px; height: auto; overflow: hidden; }
.main_rt h3{ font: 100 18px/25px "Microsoft YaHei",Arial,"宋体"; }

/**页头**/
.top{width: 100%; height: 40px; border-bottom: 1px solid #e1e1e1; background: #ededed;}
.topBox{width: 1200px; height: 40px; font: 100 14px/40px "Microsoft YaHei",Arial,"宋体"; margin: 0 auto;}
.user{float: left; height: 40px;}
.user span{ display: block; float: left;color: #666; margin-right: 20px;}
.user a{margin-right: 10px;}
.login{float: right;}
.login a{ display: block; float: left; font: 100 14px/40px "Microsoft YaHei",Arial,"宋体";}
.login a em{ display: inline-block; float: left; width: 15px; height: 15px; background: url(../images/all.png) no-repeat; margin: 13px 5px 0 0;}
.login a.log em{ background-position: -89px 0;}
.login a.reg em{ background-position: 0 0;}
.login span{ display: block; float: left; margin: 0 10px;}

/**header**/
.headerBox{ width: 100%; background: white;}
.header{width: 1200px; height: 72px; padding: 20px 0; margin: 0 auto; position: relative; overflow: hidden;}
/*logo*/
.header .logo{width: 350px; height:58px; float: left; margin-top: 7px;}
.header .logo a{ float: left; display: block; width: 350px; height: 58px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; }
/*搜索*/
.header .searchBox{width: 450px; height: 72px;  position: absolute; left: 50%; margin-left: -225px;}
.header .searchBox .ipt{ width: 350px; font: 100 14px/30px "microsoft yahei","SimHei",Arial,sans-serif; height: 38px; float: left; color: #999; border: 2px solid #01af63; border-right: none; outline: none; padding-left: 16px;}
.header .searchBox .btn{display:block; width: 80px; height: 42px; float: left; background:#01af63; cursor: pointer; border: none; font: 100 16px/42px "Microsoft YaHei",Arial,"宋体"; color: #fff; text-align:center;}
.header .searchBox .search_links { width: 500px; padding-top: 14px; color: #646464; height:16px; overflow:hidden;}
.header .searchBox .search_links a { margin-right:6px;}
/*phone*/
.header .phone{ width:220px; height: 54px; float: right; overflow: hidden; margin-top: 9px;}
.header .phone .image{ float:left; width: 55px; height: 54px; background: url(../images/phone.gif) no-repeat;}
.header .phone .number{ float: right;  width: auto; height: 54px; overflow: hidden;}
.header .phone .number .numA{ display: block;}
.header .phone .number .numB{ display: block; font: 100 22px/40px "Microsoft YaHei",Arial,"宋体"; color: #01af63;}

/**导航**/
.navBox{ width: 100%; height: 48px; background: #505050;}
.nav{ width: 1200px; height: 48px; margin: 0 auto; overflow: hidden;}
.classBox{ width: 220px; height: 48px; float: left; background: #01af63; font: 100 16px/48px "Microsoft YaHei",Arial,"宋体"; color: #fff; text-align: center;}
.classBox em.arrow{ display: inline-block; float: right; width: 17px; height: 11px; background: url(../images/all.png) no-repeat  -177px 0; margin: 18px 30px 0 0; text-indent: -9999px;}
.classBox.sfhover em.arrow{ background-position: -177px -16px;}

.nav ul.navul{ width: 980px; float: left;}
.nav ul.navul li{float: left; height:48px; }
.nav ul.navul a{ display: block; float: left; padding: 0 25px; font: 100 16px/48px "Microsoft YaHei",Arial,"宋体"; color: #fff; text-align: center;}
.nav ul.navul a:hover{ color: #01af63;}
.nav ul.navul a.current{ color: greenyellow;}


/**footer**/
.co_li{ width: 100%; background: #f5f5f5; border-top: 2px solid #e1e1e1; }
.co_add{ margin-top: 40px; }
/*ask*/
.askBox{ width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.askBox ul{ width: 208px; float: left; margin-right: 40px;}
.askBox li{ line-height: 30px;}
.askBox li a{ color: #333;}
.askBox li.tit{font:700 16px/40px "Microsoft YaHei",Arial,"宋体"; width: 208px; border-bottom: solid 1px #999; margin-bottom: 10px;}

/*copy*/
.web_bottom_copy { text-align: center; line-height: 22px; padding: 20px 0 0 0; color: #333; width: 1200px; margin: 0 auto; }
.web_bottom_copy p.p1 { color: #333; margin-bottom: 10px;}
.web_bottom_copy p.p1 a { padding: 0 15px; border-right: 1px solid #444; font-size: 14px;}
.web_bottom_copy p.p2{ line-height: 30px; font-size: 12px;}
.why { width: 725px; height: 60px; margin: 0 auto; text-align: center;}
/*link*/
.link{ width: 1200px; margin: 0 auto; overflow: hidden; text-align: center; padding: 15px 0 20px 0; font-size: 12px; color: #666;}
.link a{  margin: 0 5px; font-size: 12px; color: #666;}


/*page*/
.list_pages{ height: 34px; padding: 40px 0; font: 700 14px/32px "Microsoft YaHei",Arial,"宋体"; text-align: center; margin: 0 auto; overflow: hidden;}
.list_pages span,.list_pages a{display: inline-block; height: 32px; border: 1px solid #e1e1e1; color: #666; background: #fff; padding: 0 15px; margin: 0 2px;}
.list_pages span.current{background:#01af63; color: #fff;}
.list_pages span.front{ color: #cfcfcf;}
.list_pages a:hover{ color: #666;}

.list_pages_add span,.list_pages_add a{ background: #F5F5F5;}

/*面包屑*/
.positBox{ width: 1200px; height: 40px; margin: 0 auto; overflow: hidden;}
.positBox li{ float: left; height: 40px; font: 100 12px/40px "Microsoft YaHei",Arial,"宋体"; color: #666; overflow: hidden;}
.positBox li a{ display: inline-block; float: left; color: #666;}
.positBox li a:hover{ color: #01af63; text-decoration: underline;}
.positBox li em{ display: inline-block; float: right; width: 6px; height: 11px; background: url(../images/all.png) no-repeat -394px -824px; margin: 15px 10px 0;}

/*目的地导航*/

.ny_mdd{width: 220px; height: auto; position: absolute; text-align: left; display: none; z-index: 9999; z-index: 9999;}

.chanpin{ width: 1200px; height: auto; position: absolute; margin-left: -600px; left: 50%; z-index: 1;}
.chanpin_nav{ position: absolute; left: 0; top: 0; z-index: 333; width: 218px; height: auto; float: left; zoom: 1; background: #FFF; overflow: visible;  box-shadow: 0 -1px 6px rgba(0,0,0,0.2); border: 1px solid #e6e6e6; border-top: none;}
.chanpin_nav dl { height: auto; zoom: 1; clear: both; overflow: visible;}
.chanpin_nav dl:after { content: "."; height: 0; display: block; clear: both; visibility: hidden;}
.chanpin_nav dt { height: 55px; padding: 13px 12px 2px;zoom: 1; border: 2px solid #FFF; border-left: 6px solid #FFF; clear: both; overflow: visible; z-index: 88;  position: relative;}
.chanpin_nav dt.sfhover { border: 2px solid #01af63; border-left: 6px solid #01af63; background: none;}
.chanpin_nav dt a:hover { text-decoration: none; color: #01af63;}

.cpTit{ height: 55px;  border-bottom: 1px solid #e1e1e1; font: 100 12px/20px "Microsoft YaHei",Arial,"宋体";}
.noborder{ border: 0;}
.cpTit_H { height: 20px; font: 100 14px/20px "Microsoft YaHei",Arial,"宋体";}
.cpTit_H a { width: 120px; height: 20px; display: inline-block; float: left; padding-left: 30px; background: url(../images/all.png) no-repeat; color: #444;}
.cpTit_H a :hover{ color: #01af63;}
.cpTit_H a.ico1 { background-position: 0 -238px;}
.cpTit_H a.ico2 { background-position: 0 -268px;}
.cpTit_H a.ico3 { background-position: 0 -298px;}
.cpTit_H a.ico4 { background-position: 0 -328px;}
.cpTit_H a.ico5 { background-position: 0 -358px;}

.chanpin_nav dt em.arrow { width: 6px; height: 9px; margin: 5px 0; float: right; background: url(../images/all.png) no-repeat 0 -72px; display: inline-block; overflow: hidden;}
.chanpin_nav dt.sfhover em.arrow { display: block; width: 10px; height: 70px; margin: 0; float: none; background: #FFF; position: absolute; z-index: 99; right: -8px; top: 0; overflow: hidden;}

.cpTit_P {  height: 36px; line-height: 35px;}
.cpTit_P a { margin-right: 5px; color: #666;}

.chanpin_nav dt .mddBox { width: 768px; padding-bottom: 15px; border: 2px solid #01af63; background: #fff; display: none;}
.chanpin_nav dt.sfhover .mddBox { display: block;}
.chanpin_nav dt .A1 { right: -774px; top: -2px; position: absolute;}
.chanpin_nav dt .A2 { right: -774px; top: -76px; position: absolute;}
.chanpin_nav dt .A3 { right: -774px; top: -150px; position: absolute;}
.chanpin_nav dt .A4 { right: -774px; top: -224px; position: absolute;}
.chanpin_nav dt .A5 { right: -774px; top: -298px; position: absolute;}

.subItem-box1 { width: 354px; height: auto; float: left; padding: 6px 15px 0; overflow: hidden;}
.subItem-box2 { width: 354px; height: auto; overflow: hidden;}
.subItem-hd { width: 354px; height: 30px; font: 700 14px/30px "微软雅黑","宋体",Arial; color: #FE874D; border-bottom: 1px solid #e5e5e5; margin-bottom: 6px; }
.subItem-hd a { color: #333; }
.subItem-cat { width: 354px; line-height: 15px; }
.subItem-cat a { height: 15px; line-height: 15px; font-size: 12px; display: inline-block; border-right: 1px solid #CCC; padding: 0 8px; white-space: normal; word-break: keep-all; white-space: nowrap; margin-bottom: 6px; color: #666;}


/**荣誉**/
.ryCon{ width: 1200px; height: auto; margin: 20px auto 0; overflow: hidden;}
.ysBox{ border: 1px solid #01af63; background: #f1faff; width: 1198px; height: 75px; padding: 20px 0; margin-bottom: 10px;}
.ysBox .first { width: 250px; float: left; text-align: center; font: 28px microsoft yahei; color: #333;}
.ysBox .first span { font-size: 26px; color: #F80;}
.ysBox .first em { font-size: 16px; padding-left: 5px;}

.ysBox ul{ float: left; width: 900px;}
.ysBox li{ float: left; width: 180px;}
.ysBox li span{ display: block; text-align: center; font: 100 14px/24px "Microsoft YaHei",Arial,"宋体"; color: #666;}
.ysBox li em{ display: block; width: 180px; height: 46px; background: url(../images/ys.png) no-repeat; background-position: center;}
.ysBox li em.icon01{ background-position: 0 0; }
.ysBox li em.icon02{ background-position: -180px 0; }
.ysBox li em.icon03{ background-position: -360px 0; }
.ysBox li em.icon04{ background-position: -540px 0; }
.ysBox li em.icon05{ background-position: -720px 0; }


/**阳光保证**/
.ygbox { padding: 25px 0; border-bottom: 1px solid #ededed; min-width: 1200px;}
.ygbox ul { display: block; width: 1200px; margin: 0 auto; padding: 0;}
.ygbox ul li { float: left; width: 199px; border-right: 1px solid #ededed; padding: 0 20px; line-height: 22px;}
.ygbox ul li div { float: left; }

.ygbox ul li .fl { width: 40px; height: 46px; margin-right: 12px; background: url(../images/ygico.jpg) no-repeat;}
.ygbox ul li.l1 .fl { background-position: 0 0; }
.ygbox ul li.l2 .fl { background-position: -40px 0; }
.ygbox ul li.l3 .fl { background-position: -80px 0; }
.ygbox ul li.l4 .fl { background-position: -120px 0; }
.ygbox ul li.l5 .fl { background-position: -160px 0; }

.ygbox ul li .fr { float: right;}
.ygbox ul li .fr i{ font-size: 14px;}
.ygbox ul li.l1 .fr i { color: #f90; }
.ygbox ul li.l2 .fr i { color: #00A2FF; }
.ygbox ul li.l3 .fr i { color: #f25b66; }
.ygbox ul li.l4 .fr i { color: #32c15a; }
.ygbox ul li.l5 .fr i { color: #d147e6; }
.ygbox ul li .fr p { color: #999; margin: 0; padding: 0; width: 147px; }
.clear { clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0;}